<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录-网易考拉</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/register.css">
    <script src="../js/jquery-3.4.1.js"></script>
    <script src="../js/register.js"></script>
    <script type="text/javascript" src="../js/verify.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/verify.css">
</head>

<body>
    <div class="box">
        <div class="header">
            <a href="https://www.kaola.com" title="网易考拉"></a>
            <div class="header-right"></div>
        </div>
        <div class="main">
            <a href="https://pages.kaola.com/pages/activity/0b4317da69e04c6ea6babc88b1917876.shtml?from=login"></a>
            <div class="register-ul">
                <div class="register-ul-top">
                    <span>欢迎注册</span>
                    <span>已有账号?</span>
                    <a href="./login.html">去登录></a>
                </div>
                <div class="register-ul-bottom">
                    <div class="reg-phone" id="reg-com">
                        <a id="reg-icon"></a>
                        <input type="text" placeholder="请输入手机号码" id="phoneID" name="phoneNum">
                        <p class="pho-message"></p>
                        <span class="reg-phone-icon"></span>
                    </div>
                    <div id="mpanel4">
                    </div>
                    <div class="phone-ver" id="reg-com">
                        <input type="text" placeholder="请输入短信验证码" id="phone-vernum">
                        <a class="get-phonever">获取验证码</a>
                    </div>
                    <div class="reg-password" id="reg-com">
                        <a id="reg-icon"></a>
                        <input type="password" placeholder="请输入密码" id="password">
                        <br><br>
                        <span class="reg-passwordver"></span>
                    </div>
                    <div class="reg-btn">
                        <a class="btn-register">注册</a>
                    </div>
                    <div class="reg-agree">
                        <label>
                            <span><input type="checkbox" name="" id="protocol"></span>
                            我同意
                            <a href="//reg.163.com/agreement_mobile.shtml">《服务条款》</a>和
                            <a href="https://you.kaola.com/common/page.html?key=Privacy_policy">《考拉海购隐私政策》</a>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">

        </div>
    </div>
    <script>
        $(() => {
           

        })
    </script>
    <script>
        let flat3
        $('#mpanel4').slideVerify({
            type: 2, //类型
            vOffset: 5, //误差量，根据需求自行调整
            vSpace: 5, //间隔
            imgName: ['1.jpg', '2.jpg', "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg"],
            imgSize: {
                width: '270px',
                height: '160px',
            },
            blockSize: {
                width: '40px',
                height: '40px',
            },
            barSize: {
                width: '270px',
                height: '30px',
            },
            ready: function () {},
            success: function () {
                flat3 = true
            },
            error: function () {
                //		        	alert('验证失败！');
                flat3 = false
            }

        });
    </script>
</body>

</html>